<template>
  <view class="detail-item">
    <view class="item-title" :class="isBold ? 'bold' : 'weight'">通用说明</view>
    <view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
      <!--      <image v-if="title == '产品说明'" :src="img_src" style="width: 100%" mode="widthFix"></image>-->
      <view class="title"> <div class="leftpoint">·</div> 爱人者，人恒爱之，敬人者，人恒敬之。请使用“您好”、“请”、“麻烦”等礼貌用语，请每一句话最后都加上“谢谢”，减少不必要的工作摩擦。用户一旦对您的工作态度有意见了，后面解释啥都没用，没必要人为增加自己的工作难度，影响身心健康。</view>
      <view class="title"> <div class="leftpoint">·</div> 请在接单后1分钟内与用户先联系一下，避免用户因等待太长而产生情绪，影响服务感受。</view>
      <view class="title"> <div class="leftpoint">·</div> 您第一次打电话给用户：</view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">a、</div><view>如果用户未接电话，请先发个短信给用户，避免用户把您电话误认为骚扰电话：</view></view>
      <view class="title u-flex u-col-top"> <div class="marginLeft15"></div> <view>您好，我是法力app的法务专员。请方便的时候回个电话给我，以便帮您尽快完善订单，挑选律师。感谢您的信任与支持！<view style="color: #007aff;display: inline-block;" @click="copy('您好，我是法力app的法务专员。请方便的时候回个电话给我，以便帮您尽快完善订单，挑选律师。感谢您的信任与支持！')">复制</view></view></view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">b、</div> <view>如果用户接了电话，请说：</view></view>
      <view class="title u-flex u-col-top"> <div class="marginLeft15"></div> <view>“您好，我是法力app的法务专员。请问怎么称呼您？”</view></view>
      <view class="title u-flex u-col-top"> <div class="marginLeft15"></div> <view>“x先生/女士，您好！现在方便吗？占用您几分钟时间，了解些情况。”</view></view>
      <view class="title u-flex u-col-top"> <div class="marginLeft15"></div> <view>“请问下，您想让律师为您解决什么问题？”</view></view>
      <view class="title"> <div class="leftpoint">·</div> 订单取消的，原订单已付款将全额退回给用户，用户可在“我的-钱包”里查看。</view>
      <view class="title"> <div class="leftpoint">·</div> 请遵守职业道德与职业操守，不泄露用户的隐私。</view>
    </view>
    <view class="item-title" style="margin-top: 10px;" :class="isBold ? 'bold' : 'weight'">法务服务流程</view>
    <view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
      <view class="title">  <div class="fontNormal">1、</div> 联系用户，询问其诉求，并按其陈述填写。</view>
      <view class="title">  <div class="fontNormal"></div> 如果其说不清楚诉求，把委托人诉求的模板告诉用户，帮助其整理诉求，然后填写。填好后，联系用户查看并确认是否有误。</view>
      <view class="title"> <div class="fontNormal">2、</div> 用户确认诉求后，按如下步骤指引其上传案件资料，以便您为其审查、补全订单：</view>
      <view class="title"> <div class="fontNormal"></div> 让用户到法力app商城首页，找到中间的“订单和通知”，点击进入；</view>
      <view class="title"> <div class="fontNormal"></div> 告知用户订单号后4位，让其找到订单后，点击进入“法务服务中”；</view>
      <view class="title"> <div class="fontNormal"></div>找到“案件主体信息”，里面第一个是“项目资料”，点击进入上传资料。</view>
      <view class="title">  <div class="fontNormal">3、</div>用户上传项目资料后，您根据资料填写委托人和对方当事人的信息。 填好后，联系用户查看并确认是否有误。</view>
      <view class="title">  <div class="fontNormal">4、</div>在“订单详情”里，审查订单每一项选择是否有误或遗漏。</view>
      <view class="title">  <div class="fontNormal"></div> 如订单有错误或未填的，先制定好修改订单的方案，然后询问用户意见。</view>
      <view class="title">  <div class="fontNormal"></div> 如用户不同意修改订单，或不想继续下单的，请指引用户在其“法务服务中”界面，</view>
      <view class="title">  <div class="fontNormal"></div> 点击“取消订单”按钮，免费取消订单。除非用户坚持要您代为取消订单，您不得自行点击“取消订单”。</view>
      <view class="title">  <div class="fontNormal"></div> 如果用户同意修改订单的，请您点击“更改订单”，为用户修改订单。</view>
      <view class="title">  <div class="fontNormal"></div> 修改好后，联系用户审查。如用户不满意修改后的订单，可重新修改，直至用户满意为止。</view>
      <view class="title">  <div class="fontNormal"></div> 修改后的订单需要付款的，请告知用户放心付款，付完款后，原订单已付款将全额退回给用户。</view>
      <view class="title">  <div class="fontNormal">5、</div>订单审查无误后，您进入项目资料里：</view>
      <view class="title">  <div class="fontNormal"></div> 按以下内容遮盖资料上的用户隐私信息；</view>
      <view class="title">  <div class="fontNormal"></div> 遮盖后保存并替换原资料；</view>
      <view class="title">  <div class="fontNormal"></div> 联系用户，审查资料上的隐私信息是否遮盖完毕。</view>
      <view class="title">  <div class="fontNormal"></div> 用户隐私信息如下：</view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">a．</div> <view>文件开头和落款显示的各方姓名/名称、身份证号码、住址、电话、传真、邮箱、微 信、账号等；</view></view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">b．</div>  <view>文件正文中显示的项目名称、地址、经办人员邮箱、微信、电话等；</view></view>
      <view class="title">  <div class="fontNormal">6、</div>用户确认无误后，您点击“法务服务完成”，然后联系用户确认服务完成，以便帮用户 尽快匹配律师。</view>
    </view>

    <view class="item-title" style="margin-top: 10px;" :class="isBold ? 'bold' : 'weight'">打官司-投资人支付审查说明</view>
    <view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
      <view class="title titles">  <div class="leftpoint">·</div> 审查项目资料时，如发现欠款余额不明确，请务必要求用户上传：其与欠款方确认欠款
        余额的证据，必须要明白显示欠款余额，比如微信聊天、支付宝聊天、电话录音、短信、书面文件等。</view>
      <view class="title titles">  <div class="leftpoint"></div> 如用户没有，请指引用户补充收集该证据，再上传审查。</view>
      <view class="title"> <div class="leftpoint">·</div> 请务必审查案件是否符合订单详情里每一个选项，如有任一选项不符合的，均不能受理。</view>
      <view class="title"> <div class="leftpoint">·</div> 请按以下顺序审查案件审理地点是否在广州/深圳：</view>
      <view class="title u-flex u-col-top"> <div class="fontNormal">a、</div> <view>看资料上有无约定在哪里管辖，如有约定由XXXX人民法院管辖，且法院地点在广州/ 深圳的，就符合。</view></view>
      <view class="title u-flex u-col-top"> <div class="fontNormal">b、</div> <view>如无a，则看委托人和对方当事人的地址在哪里，如有一方在广州或深圳的，就符合。</view></view>
      <view class="title u-flex u-col-top"> <div class="fontNormal marginLeft15" style="width: 88rpx;">b-1、</div><view>当事人是个人的，看其身份证住址是否在广州/深圳；</view></view>
      <view class="title u-flex u-col-top"> <div class="fontNormal marginLeft15" style="width: 90rpx;">b-2、</div><view>当事人是公司的，看其工商注册地址是否在广州/深圳。</view></view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">c、</div><view>如无a和b，则询问用户：委托人是否已经在广州/深圳连续暂住了一年以上。如是，指引委托人在“项目资料”里，下载“暂住证明模板”，填好后，到其暂住地的街道或社区或物业管理处盖好章，就符合。</view></view>
      <view class="title u-flex u-col-top">  <div class="fontNormal">d、</div><view>如无a、b和c，则案件不符合投资人支付的受理条件。</view></view>
      <view class="title">  <div class="fontNormal"></div> 请跟用户表达歉意；</view>
      <view class="title">  <div class="fontNormal"></div> 征询用户对该产品有哪些改进建议；</view>
      <view class="title">  <div class="fontNormal"></div> 指引用户在其“法务服务中”界面，点击“取消订单”按钮，免费取消订单。</view>
    </view>
    <!-- <view class="item-down" v-if="showDown" @click="down">
      <text class="down-txt" v-if="isDown">展开</text>
      <text class="down-txt" v-if="!isDown">收起</text>
    </view> -->
  </view>
</template>

<script>
export default {
  props: {
    title: '',
    content: '',
    isBold: false,
    img_src:''
  },
  data() {
    return {
      isDown: false,
      showDown: true,
      isCollect: false,
    };
  },
  methods: {
    down() {
      this.isDown = !this.isDown;
    },
    collect() {
      this.isCollect = !this.isCollect;
    },
    copy(node) {
      if (!node) {
        return;
      }
      var result;
      // 将复制内容添加到临时textarea元素中
      var tempTextarea = document.createElement('textarea');
      document.body.appendChild(tempTextarea);
      if (typeof(node) == 'object') {
        // 复制节点中内容
        // 是否表单
        if (node.value) {
          tempTextarea.value = node.value;
        } else {
          tempTextarea.value = node.innerHTML;
        }
      } else {
        // 直接复制文本
        tempTextarea.value = node;
      }
      // 判断设备
      var u = navigator.userAgent;
      console.log(u.match(/(iPhone|iPod|iPad);?/i))
      if (u.match(/(iPhone|iPod|iPad);?/i)) {
        // iOS
        // 移除已选择的元素
        window.getSelection().removeAllRanges();
        // 创建一个Range对象
        var range = document.createRange();
        // 选中
        range.selectNode(tempTextarea);
        tempTextarea.select();
        // 执行选中元素
        window.getSelection().addRange(range);
        // 复制
        result = document.execCommand('copy');
        // 移除选中元素
        window.getSelection().removeAllRanges();

      } else {
        // 选中
        tempTextarea.select();
        // 复制
        result = document.execCommand('Copy');
      }
      // 移除临时文本域
      document.body.removeChild(tempTextarea);
      if (result) {
        uni.showToast({
          duration:1000,
          icon:'none',
          title:"复制成功"
        })
      } else {
        uni.showToast({
          duration:1000,
          icon:'none',
          title:"复制失败"
        })
      }

      return result;
    }
  }
};
</script>

<style lang="scss">
.heightMy {
  height: 210rpx;
  overflow: hidden;
}
.bold {
  font-weight: bold;
  color: #000 !important;
}
.weight{
  color: #000 !important;
  font-weight: 700;
}
.detail-item {
  background-color: #ffffff;
  margin-bottom: 20rpx;
  padding: 30rpx;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  .item-title {
    width: 100%;
    color: #aaa;
    margin-bottom: 20rpx;
    text-align: center;
  }
  .item-intro {
    width: 100%;
    line-height: 50rpx;
    .title{
      div{
        display: inline-block;
      }
      text-align: justify;
      padding-left: 8px;
      position: relative;
      .leftpoint{
        position:absolute;
        left:-1px;
        font-weight: normal;
        color: #333;
      }
      .fontNormal{
        font-weight: normal;
      }
      .marginLeft5{
        display: inline-block;
        margin-left:8px;
      }
      .marginLeft15{
        margin-left:34rpx;
      }
    }
    .titles{
      font-weight: 700;
      color:rgb(192,0,0)
    }
  }
  .item-down {
    width: 100%;
    text-align: right;
    .down-txt {
      color: #06b4fd;
      text-align: right;
    }
  }
}
</style>
